
@import "../constant.less";

.navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;


  min-height: @nav-min-height;


  .left {
    flex-basis: 25%;
    flex-grow: 1;
    flex-shrink: 1;

    

    

    padding: 0 0 0 @page-hor-margin;


    display: flex;
    justify-content: flex-start;


  }



  .center {
    flex-basis: content;
    flex-grow: 2;
    flex-shrink: 2;



    display: flex;
    justify-content: center;

  }


  .right {
    flex-basis: 25%;
    flex-grow: 1;
    flex-shrink: 1;

    padding: 0 @page-hor-margin 0 0;



    display: flex;
    justify-content: flex-end;

  }













  .left-action {
    width: 100%;
    height: 36px;

    background-image: url("./assets/back-icon.png");
    background-size: auto 80%;
    background-position: left center;
    background-repeat: no-repeat;
  }


  .center-action {
    font-size: @nav-font-size;
    margin: 0;
    padding: 0;
  }




  .right-action {
    width: 100%;
    height: 36px;

    background-image: url("./assets/share-icon.png");
    background-size: auto 80%;
    background-position: right center;
    background-repeat: no-repeat;
  }












}